<template>
  <div>
    <h2>文本插值:</h2>
    {{ name }}
  </div>

  <div>
    <h2>原始HTML:</h2>
    <div v-html="htmlCode"></div>
  </div>

  <div>
    <h2>绑定属性:</h2>
    <div :id="id">哈哈</div>
    <div :id>哈哈</div>
  </div>


</template>

<script setup>
const name = "zqs"
const htmlCode = '<span style="color:red">this is a test</span>'
const id = 'my-id'

</script>

<style lang="scss" scoped>

</style>